{extend name="base"/}
{block name="content"}
<div class="wrapper">
    <div class="page-banner"><img src="__THEMES__/img/about-banner.jpg"/></div>
    <div class="topic">
        <div class="container">
            <div class="row">
                <ol class="breadcrumb hidden-xs">
                    <li><a href="{:url('tcms/index/index')}">首页</a></li>
                    <li class="active">服务</li>
                </ol>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h3 class="first-child"><span>服务中心</span></h3>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3">
                <div class="services">
                    <div class="service-item">
                        <span class="icon icon-1 icon-1c"><i class="fa fa-shield"></i></span>
                        <div class="service-desc">
                            <h4>移动互联开发</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="services">
                    <div class="service-item">
                        <span class="icon icon-1 icon-1c"><i class="fa fa-refresh"></i></span>
                        <div class="service-desc">
                            <h4>企业品牌建站</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="services">
                    <div class="service-item">
                        <span class="icon icon-1 icon-1c"><i class="fa fa-plane"></i></span>
                        <div class="service-desc">
                            <h4>集团门户网站</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="services">
                    <div class="service-item">
                        <span class="icon icon-1 icon-1c"><i class="fa fa-plane"></i></span>
                        <div class="service-desc">
                            <h4>政府机关网站</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3">
                <div class="services">
                    <div class="service-item">
                        <span class="icon icon-1 icon-1c"><i class="fa fa-rocket"></i></span>
                        <div class="service-desc">
                            <h4>电子商务网站</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="services">
                    <div class="service-item">
                        <span class="icon icon-1 icon-1c"><i class="fa fa-truck"></i></span>
                        <div class="service-desc">
                            <h4>行业信息门户网站</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="services">
                    <div class="service-item">
                        <span class="icon icon-1 icon-1c"><i class="fa fa-money"></i></span>
                        <div class="service-desc">
                            <h4>医院行业网站</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="services">
                    <div class="service-item">
                        <span class="icon icon-1 icon-1c"><i class="fa fa-money"></i></span>
                        <div class="service-desc">
                            <h4>教育行业网站</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="intro">
                <h4>
                    Tcms是基于TPFrame独立打造的一款全平台自适应cms插件，基于最新版本TPFrame 6.x开发，内置各种cms模板，满足你做各种内容站的须求；同时，Tcms作为应用模板的形式存在，不须要安装就可运行；Tcms将持续更新，不断做出更多更好的产品出来。
                </h4>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-5">
                <div class="activity-img">
                    <img src="__THEMES__/img/desktop.png" class="img-responsive" alt="...">
                </div>
                </div>
                <div class="col-sm-7">
                    <div class="skill-title">CMS</div>
                    <div class="skillbar" data-perc="40">
                        <div class="skill-progress" style="width: 80%;"></div>
                    </div>
                    <div class="skill-title">商城</div>
                    <div class="skillbar" data-perc="80">
                        <div class="skill-progress" style="width: 60%;"></div>
                    </div>
                    <div class="skill-title">微信/程序</div>
                    <div class="skillbar" data-perc="60">
                        <div class="skill-progress" style="width: 70%;"></div>
                    </div>
                    <div class="skill-title">自适应</div>
                    <div class="skillbar" data-perc="100">
                        <div class="skill-progress" style="width: 100%;"></div>
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-sm-3">
                    <div class="animated fadeInLeft service-items">
                        <div class="img-block"><i class="tcms icon-wuziwaimao"></i></div>
                        <div class="services-title">外贸型网站</div>
                        <p>品牌展示<br/>提升公司和产品形象<br/>个性化定制视觉设计<br/>HTML5酷炫效果<br/>与访问者无缝沟通<br/>PC、手机多端覆盖</p>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="animated fadeInUp service-items">
                        <div class="img-block"><i class="tcms icon-yingxiao"></i></div>
                        <div class="services-title">营销型网站</div>
                        <p>营销推广<br/>渠道拓展、迅速覆盖全国<br/>多种高性价比营销推广功能<br/>可视化管理后台<br/>可跟踪推广效果<br/>全面营销</p>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="animated fadeInDown service-items">
                        <div class="img-block"><i class="tcms icon-shop"></i></div>
                        <div class="services-title">电商型网站</div>
                        <p>您自己的电商平台<br/>打通线上线下流程<br/>支持兑换券和礼品<br/>会员精细化运营<br/>微信商城<br/>数据化运营</p>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="animated fadeInRight service-items">
                        <div class="img-block"><i class="tcms icon-full-screen"></i></div>
                        <div class="services-title">响应式网站</div>
                        <p>搜索引擎更易收录<br/>全网商机统一收集<br/>支持行业功能定制<br/>灵活组合<br/>全平台自适应<br/>插件式扩展</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="info-board info-board-blue">
                        <h4>高端设计服务</h4>
                        <ul>
                            <li>提升品牌形象</li>
                            <li>提升品牌价值</li>
                            <li>针对企业品牌宣传定位</li>
                            <li>包装企业品牌网站</li>
                            <li>HTML5</li>
                            <li>CSS3</li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="info-board info-board-blue">
                        <h4>互联网增值服务</h4>
                        <ul>
                            <li>网站备案</li>
                            <li>可信网站</li>
                            <li>在线客户</li>
                            <li>短息服务</li>
                            <li>微信开发</li>
                            <li>小程序</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {/block}